<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>top</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link href="../resource/css/base.css" rel="stylesheet" type="text/css"/>
		<script language='javascript'>
			var preFrameW = '206,*';
			var FrameHide = 0;
			var curStyle = 1;
			var totalItem = 9;
			function ChangeMenu(way){
				var addwidth = 10;
				var fcol = top.document.all.btFrame.cols;
				if(way==1) addwidth = 10;
				else if(way==-1) addwidth = -10;
				else if(way==0){
					if(FrameHide == 0){
						preFrameW = top.document.all.btFrame.cols;
						top.document.all.btFrame.cols = '0,*';
						FrameHide = 1;
						return;
					}else{
						top.document.all.btFrame.cols = preFrameW;
						FrameHide = 0;
						return;
					}
				}
				fcols = fcol.split(',');
				fcols[0] = parseInt(fcols[0]) + addwidth;
				top.document.all.btFrame.cols = fcols[0]+',*';
			}
			
			
			function mv(selobj,moveout,itemnum)
			{
			   if(itemnum==curStyle) return false;
			   if(moveout=='m') selobj.className = 'itemsel';
			   if(moveout=='o') selobj.className = 'item';
			   return true;
			}
			
			function changeSel(itemnum)
			{
			  curStyle = itemnum;
			  for(i=1;i<=totalItem;i++)
			  {
			     if(document.getElementById('item'+i)) document.getElementById('item'+i).className='item';
			  }
			  document.getElementById('item'+itemnum).className='itemsel';
			}
		</script>
		<style>
			body { padding:0px; margin:0px; }
			.username {
				color: red;
			}
			#tpa {
				color: #009933;
				margin:0px;
				padding:0px;
				float:right;
				padding-right:10px;
			}
			#tpa dd {
				margin:0px;
				padding:0px;
				float:left;
				margin-right:2px;
			}
			#tpa dd.ditem {
				margin-right:8px;
			}
			#tpa dd.img {
			  padding-top:6px;
			}
			div.item
			{
			  text-align:center;
				background:url(../resource/image/topitembg.gif) 0px 3px no-repeat;
				width:82px;
				height:26px;
				line-height:28px;
			}
			.itemsel {
			  width:80px;
			  text-align:center;
			  background:#226411;
				border-left:1px solid #c5f097;
				border-right:1px solid #c5f097;
				border-top:1px solid #c5f097;
				height:26px;
				line-height:28px;
			}
			* html .itemsel {
				height:26px;
				line-height:26px;
			}
			a:link,a:visited {
			 text-decoration: underline;
			}
			.item a:link, .item a:visited {
				font-size: 12px;
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}
			.itemsel a:hover {
				color: #ffffff;
				font-weight: bold;
				border-bottom:2px solid #E9FC65;
			}
			.itemsel a:link, .itemsel a:visited {
				font-size: 12px;
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}
			.itemsel a:hover {
				color: #ffffff;
				border-bottom:2px solid #E9FC65;
			}
			.rmain {
			  padding-left:10px;
			}
		</style>
	</head>
	<body onselectstart="return false;" oncontextmenu="return false;" bgcolor='#ffffff'>
		<table width="100%" border="0" cellpadding="0" cellspacing="0" background="../resource/image/topbg.gif">
			<tr>
			    <td width='20%' height="60"><img src="../resource/image/logo.gif" /></td>
			    <td width='80%' align="right" valign="bottom">
			    	<table width="750" border="0" cellspacing="0" cellpadding="0">
				    	<tr>
							<td align="right" height="26" style="padding-right:10px;line-height:26px;">
					        	您好：<span class="username">${user.username}</span>，欢迎使用兰天运输管理系统！
					        	[<a href="../user/updatePassPre.action?username=${user.username}" target='main'>修改密码</a>]
					        	[<a href="../logout.action" target="_top">注销退出</a>]&nbsp;
					      	</td>
				  		</tr>
				      	<tr>
				        	<td align="right" height="34" class="rmain">
								<dl id="tpa">
									<dd class='img'>
										<a href="javascript:ChangeMenu(0);">
											<img vspace="3" src="../resource/image/arrfc.gif" border="0" width="12" height="12" alt="显示/隐藏左框架" title="显示/隐藏左框架" />
										</a>
									</dd>
									<dd>
										<div class='itemsel' id='item1' onmousemove="mv(this,'move',1);" onMouseOut="mv(this,'o',1);">
											<a href="main.jsp" onclick="changeSel(1)" target="main">主页</a>
										</div>
									</dd>
									<dd>
										<div class='itemsel' id='item1' onmousemove="mv(this,'move',1);" onMouseOut="mv(this,'o',1);">
											<a href="help.jsp" onclick="changeSel(1)" target="main">系统帮助</a>
										</div>
									</dd>
								</dl>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>